<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>vue-test</title>
    <link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

  </head>
  <body>
    <div id="app">
      <h1>Hello Vue</h1>
      <nav class="navbar navbar-default">
        <div class="container">
          <a href="#" class="navbar-brand">
            <i class="glyphicon glyphicon-time"></i>计划表
          </a>
          <ul class="nav navbar-nav">
            <li><router-link to="/home">Go to home</router-link></li>
            <li><router-link to="/">Go to index</router-link></li>
            <li><router-link to="/hello">Go to hello</router-link></li>
            <li>
              <router-link :to="{name: 'user', params :{ userId:123 }}">Go to user</router-link>
            </li>
          </ul>
        </div>
      </nav>
      

      <router-view></router-view>
      <!--<router-view name="user"></router-view>-->
    </div>
    <!-- built files will be auto injected -->
  </body>
</html>
